<!doctype html>
<html lang="en">
<head>
    <title>花名册</title>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <link rel="stylesheet" href="lib/weui/dist/style/weui.min.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body id="index" v-cloak class="view-module-class">
<div class="nav nav-tab">
    <a v-bind:class="{'active':action=='student'}" @click="tabCheck('student')" href="javascript:;">花名册</a>
    <a v-bind:class="{'active':action=='teacher'}" @click="tabCheck('teacher')" href="javascript:;">教师通讯录</a>
</div>
<div class="tab-content">

    <div class="tab-pane" v-bind:class="{active:action=='student'}" v-show="action=='student'">
        <div class="skipletter">
            <ul>
                <li @click="gotoletter(letter.top)" v-for="letter in classData" v-text="{true:letter.name,false:'#'}[letter.name !=0]"></li>
            </ul>
        </div>
        <div class="empty" v-if="classData.length===0"></div>
        <div class="list-group">
            <div href="javascript:;" id="{{'student' + item.name}}" v-for="item in classData">
                <b class="item-header" v-text="{true:item.name,false:'#'}[item.name !=0]"></b>
                <a v-for="student in item.data" class="list-group-item" href="{{'http://m.igrow.cn/main/#/' + student.id + '/student/profile'}}">
                    <img v-bind:src="student.avatar" class="avatar"/>
                    <span>
                        <b v-text="student.name"></b>
                        <span><b v-text="student.mobile"></b></span>
                    </span>
                </a>
            </div>
        </div>
    </div>

    <div class="tab-pane" v-bind:class="{active:action=='teacher'}" v-show="action=='teacher'">
        <div class="skipletter">
            <ul>
                <li @click="gotoletter(letter.top)" v-for="letter in teacherData" v-text="{true:letter.name,false:'#'}[letter.name !=0]"></li>
            </ul>
        </div>
        <div class="empty" v-if="teacherData.length===0"></div>
        <div class="list-group">
            <div href="javascript:;" id="{{'teacher' + item.name}}" v-for="item in teacherData">
                <b class="item-header" v-text="{true:item.name,false:'#'}[item.name !=0]"></b>
                <a v-for="teacher in item.data" class="list-group-item" href="{{'http://m.igrow.cn/main/#/m/teacher/profile/20639' + teacher.id}}">
                    <img v-bind:src="teacher.avatar" class="avatar"/>
                    <span>
                        <b v-text="teacher.name"></b>
                        <span><b v-text="teacher.mobile"></b></span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
</body>
<script data-main="js/student" src="lib/requirejs/require.js"></script>
</html>